<template>
  <el-card class="box-card" style="width: 500px;margin: 0 auto;margin-top: 40px;height: 500px;">
    <div style="text-align: center;">
      <img :src="this.user[0].avatar_img" alt="" style="width: 150px;height: 150px; border-radius:50% ;">
      <p>用户名：{{ this.user[0].uname }}</p>
      <p>身份:{{ this.user[0].role }}</p>
      <p>用户Id:{{ this.user[0].uid }}</p>
    </div>

  </el-card>
</template>

<script>
import { mapState } from 'vuex'
export default {
  computed: {
    ...mapState("user", ["user"]),
  }
}
</script>

<style >
p{
  font-size: 20px;
}
</style>